SparkN0de-git - /page/commit.mu

diff --git a/meshchatx/src/frontend/components/archives/ArchivesPage.vue b/meshchatx/src/frontend/components/archives/ArchivesPage.vue

index 53c467e9..cdba903c 100644

--- a/meshchatx/src/frontend/components/archives/ArchivesPage.vue

+++ b/meshchatx/src/frontend/components/archives/ArchivesPage.vue

@@ -55,6 +55,14 @@

</label>

</div>

+ <button

+ v-if="selectedArchives.length > 0"

+ class="text-[10px] font-bold uppercase tracking-wider text-blue-500 hover:text-blue-600 transition-colors flex items-center gap-1 mr-2"

+ @click="exportSelectedArchivesAsMu"

+ >

+ <MaterialDesignIcon icon-name="download" class="size-3.5" />

+ {{ $t("archives.export_selected_mu", { count: selectedArchives.length }) }}

+ </button>

<button

v-if="selectedArchives.length > 0"

class="text-[10px] font-bold uppercase tracking-wider text-red-500 hover:text-red-600 transition-colors flex items-center gap-1"

@@ -157,6 +165,17 @@

</button>

+ <button

+ class="p-2 hover:bg-zinc-800 rounded transition-colors text-zinc-300 flex items-center gap-2"

+ :title="$t('archives.export_mu')"

+ @click="exportArchiveAsMu(viewingArchive)"

+ >

+ <MaterialDesignIcon icon-name="download" class="size-4" />

+ <span class="hidden xs:inline text-xs font-bold uppercase tracking-wider">{{

+ $t("archives.export_mu")

+ }}</span>

+ </button>

+ <div class="hidden xs:block w-px h-6 bg-zinc-800 mx-1"></div>

<button

class="p-2 hover:bg-zinc-800 rounded transition-colors text-blue-400 flex items-center gap-2"

@click="openInNomadnet(viewingArchive)"

@@ -239,8 +258,9 @@ export default {

groupedArchives() {

// Optimization: Use a simple object for grouping

const groups = {};

- for (let i = 0; i < this.archives.length; i++) {

- const archive = this.archives[i];

+ const list = this.archives || [];

+ for (let i = 0; i < list.length; i++) {

+ const archive = list[i];

const hash = archive.destination_hash;

if (!groups[hash]) {

groups[hash] = {

@@ -398,6 +418,50 @@ export default {

formatDate(dateStr) {

return Utils.formatTimeAgo(dateStr);

},

+ downloadTextAsFile(content, filename) {

+ const blob = new Blob([content ?? ""], { type: "text/plain;charset=utf-8" });

+ const url = URL.createObjectURL(blob);

+ const a = document.createElement("a");

+ a.href = url;

+ a.download = filename;

+ a.rel = "noopener";

+ document.body.appendChild(a);

+ a.click();

+ document.body.removeChild(a);

+ URL.revokeObjectURL(url);

+ },

+ muExportBasename(archive) {

+ let base = (archive.page_path || "page").split("/").pop() || "page";

+ base = base.replace(/[\\/:*?"<>|]+/g, "_").trim() || "page";

+ return base;

+ },

+ muExportFilename(archive) {

+ let base = this.muExportBasename(archive);

+ if (base.toLowerCase().endsWith(".mu")) {

+ return base;

+ }

+ const without = base.includes(".") ? base.replace(/\.[^.]+$/, "") : base;

+ return `${without || "page"}.mu`;

+ },

+ muExportFilenameDisambiguated(archive) {

+ const stem = this.muExportFilename(archive).replace(/\.mu$/i, "");

+ const short = (archive.hash || "snap").substring(0, 8);

+ return `${stem}_${short}.mu`;

+ },

+ exportArchiveAsMu(archive) {

+ if (!archive) {

+ return;

+ }

+ this.downloadTextAsFile(archive.content, this.muExportFilename(archive));

+ },

+ exportSelectedArchivesAsMu() {

+ const list = this.archives.filter((a) => this.selectedArchives.includes(a.id));

+ list.forEach((archive, i) => {

+ window.setTimeout(() => {

+ this.downloadTextAsFile(archive.content, this.muExportFilenameDisambiguated(archive));

+ }, i * 120);

+ });

+ },

renderFullContent(archive) {

if (!archive.content) return "";

diff --git a/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue b/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue

index 37494580..a6d75b78 100644

--- a/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue

+++ b/meshchatx/src/frontend/components/interfaces/AddInterfacePage.vue

@@ -1,795 +1,958 @@

- <div class="overflow-y-auto p-4 md:p-8 space-y-6 max-w-5xl mx-auto w-full">

-

- <div class="flex items-center justify-between gap-4">

- <div class="min-w-0">

- <h1 class="text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2">

- <MaterialDesignIcon

- :icon-name="isEditingInterface ? 'pencil' : 'plus-circle-outline'"

- class="size-7 text-blue-500"

- />

- {{ isEditingInterface ? $t("interfaces.edit_interface") : $t("interfaces.add_interface") }}

- </h1>

- <p class="text-sm text-gray-600 dark:text-zinc-400 mt-1">

- {{

- isEditingInterface

- ? "Update existing connection settings."

- : "Create a new connection to the Reticulum network."

- }}

- </p>

- </div>

- <div class="flex gap-2">

- <RouterLink :to="{ name: 'interfaces' }" class="secondary-chip">

- <MaterialDesignIcon icon-name="arrow-left" class="size-4" />

- Back to List

- </RouterLink>

- </div>

-

-

- <div

- v-if="!isEditingInterface && config != null && config.show_suggested_community_interfaces"

- class="glass-card !p-0 overflow-hidden"

- >

- <div

- class="bg-gray-50/50 dark:bg-zinc-800/50 p-4 border-b border-gray-200 dark:border-zinc-800 flex items-center justify-between"

- >

- <div>

- <h2 class="font-bold text-gray-900 dark:text-white flex items-center gap-2">

- <MaterialDesignIcon icon-name="lightning-bolt" class="size-5 text-yellow-500" />

- Community Quick-Start

- </h2>

- <p class="text-xs text-gray-500 dark:text-zinc-400 mt-0.5">

- One-click configurations for public TCP relays.

+ <div class="overflow-y-auto flex-1 min-h-0">

+ <div class="w-full max-w-[1920px] mx-auto px-4 md:px-8 py-4 md:py-8 space-y-6">

+

+ <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">

+ <div class="min-w-0">

+ <h1 class="text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2">

+ <MaterialDesignIcon

+ :icon-name="isEditingInterface ? 'pencil' : 'plus-circle-outline'"

+ class="size-7 text-blue-500"

+ />

+ {{ isEditingInterface ? $t("interfaces.edit_interface") : $t("interfaces.add_interface") }}

+ </h1>

+ <p class="text-sm text-gray-600 dark:text-zinc-400 mt-1">

+ {{

+ isEditingInterface

+ ? "Update existing connection settings."

+ : "Create a new connection to the Reticulum network."

+ }}

</p>

</div>

- <button

- type="button"

- class="text-gray-400 hover:text-gray-600 dark:hover:text-zinc-200 transition-colors p-1"

- title="Hide suggested interfaces"

- @click="updateConfig({ show_suggested_community_interfaces: false })"

- >

- <MaterialDesignIcon icon-name="close" class="size-5" />

- </button>

- </div>

-

- <div class="divide-y divide-gray-100 dark:divide-zinc-800">

- <div

- v-for="communityIface in communityInterfaces"

- :key="communityIface.name"

- class="flex p-4 items-center hover:bg-gray-50/30 dark:hover:bg-zinc-800/20 transition-colors"

- >

- <div class="min-w-0 flex-1">

- <div class="font-bold text-gray-900 dark:text-zinc-100">{{ communityIface.name }}</div>

- <div

- class="text-xs font-mono text-gray-500 dark:text-zinc-400 mt-0.5 flex items-center gap-2"

- >

- <MaterialDesignIcon icon-name="server-network" class="size-3" />

- {{ communityIface.target_host }}:{{ communityIface.target_port }}

- <span

- v-if="communityIface.online === true"

- class="text-green-500 flex items-center gap-1"

- >

- <span class="size-1.5 rounded-full bg-green-500 animate-pulse"></span>

- Online

- </span>

- <span v-else-if="communityIface.online === false" class="text-red-500">Offline</span>

- </div>

- <div

- v-if="communityIface.description"

- class="text-xs text-gray-400 dark:text-zinc-500 mt-1 italic line-clamp-1"

- >

- {{ communityIface.description }}

- </div>

- <button

- type="button"

- class="primary-chip !py-1.5 !px-3"

- @click="

- newInterfaceName = communityIface.name;

- newInterfaceType = communityIface.type;

- newInterfaceTargetHost = communityIface.target_host;

- newInterfaceTargetPort = communityIface.target_port;

- "

- >

- <span>Use This</span>

- </button>

+ <div class="flex gap-2 shrink-0">

+ <RouterLink :to="{ name: 'interfaces' }" class="secondary-chip">

+ <MaterialDesignIcon icon-name="arrow-left" class="size-4" />

+ Back to List

+ </RouterLink>

</div>

- </div>

-

- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">

- <div

- class="glass-card flex items-center gap-4 bg-blue-50/30 dark:bg-blue-900/10 border-blue-100 dark:border-blue-900/30"

- >

- <div

- class="size-10 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500 shrink-0"

- >

- <MaterialDesignIcon icon-name="map-search-outline" class="size-6" />

- </div>

- <div class="flex-1 min-w-0">

- <h3 class="text-sm font-bold text-gray-900 dark:text-white">Find more nodes</h3>

- <div class="flex gap-2 mt-1">

- <a

- href="https://directory.rns.recipes/"

- target="_blank"

- class="secondary-chip !py-1 !px-2 !text-[9px]"

- >rns.recipes</a

- >

- <a href="https://rmap.world/" target="_blank" class="secondary-chip !py-1 !px-2 !text-[9px]"

- >rmap.world</a

- >

- </div>

+ <div class="flex flex-col-reverse gap-8 xl:flex-row xl:items-start xl:gap-10">

+ <div class="flex-1 min-w-0 space-y-6 xl:max-w-4xl 2xl:max-w-5xl">

+

+ <div class="glass-card space-y-8">

+ <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">

+

+ <div class="space-y-6">

+ <div

+ class="flex items-center gap-2 pb-2 border-b border-gray-100 dark:border-zinc-800"

+ >

+ <MaterialDesignIcon

+ icon-name="information-outline"

+ class="size-5 text-gray-400"

+ />

+ <h3 class="font-bold text-gray-900 dark:text-white">Basic Configuration</h3>

+ </div>

-

- <div

- class="glass-card flex flex-col gap-2 !p-4 bg-emerald-50/20 dark:bg-emerald-900/5 border-emerald-100 dark:border-emerald-900/20"

- >

- <div class="flex items-center justify-between">

- <h3

- class="text-xs font-bold text-emerald-600 dark:text-emerald-500 uppercase tracking-widest flex items-center gap-2"

- >

- <MaterialDesignIcon icon-name="import" class="size-4" />

- Quick Import

- </h3>

- <span class="text-[10px] text-gray-400">Paste raw config here</span>

- </div>

- <textarea

- v-model="rawConfigInput"

- placeholder="[[Interface Name]]
type = TCPClientInterface
target_host = 1.2.3.4"

- class="w-full h-16 bg-white/50 dark:bg-zinc-900/50 border border-emerald-100/50 dark:border-emerald-900/30 rounded-xl p-2 text-[10px] font-mono focus:ring-1 focus:ring-emerald-500 outline-none transition"

- @input="handleRawConfigInput"

- ></textarea>

-

-

- <div v-if="detectedConfigs.length > 1" class="flex flex-wrap gap-2 mt-1">

- <button

- v-for="cfg in detectedConfigs"

- :key="cfg.name"

- type="button"

- class="bg-emerald-500/10 hover:bg-emerald-500/20 border border-emerald-500/20 rounded-lg px-2 py-1 text-[9px] font-bold text-emerald-600 dark:text-emerald-400 transition"

- @click="applyConfig(cfg)"

- >

- Apply: {{ cfg.name }}

- </button>

- </div>

+ <div>

+ <FormLabel class="glass-label">Interface Name</FormLabel>

+ <input

+ v-model="newInterfaceName"

+ type="text"

+ :disabled="isEditingInterface"

+ placeholder="e.g. Home Node or Mobile TCP"

+ class="input-field"

+ :class="[isEditingInterface ? 'cursor-not-allowed opacity-60' : '']"

+ />

+ </div>

-

- <div class="glass-card space-y-8">

- <div class="grid grid-cols-1 md:grid-cols-2 gap-8">

-

- <div class="space-y-6">

- <div class="flex items-center gap-2 pb-2 border-b border-gray-100 dark:border-zinc-800">

- <MaterialDesignIcon icon-name="information-outline" class="size-5 text-gray-400" />

- <h3 class="font-bold text-gray-900 dark:text-white">Basic Configuration</h3>

- </div>

+ <div>

+ <FormLabel class="glass-label">Transport Type</FormLabel>

- <div>

- <FormLabel class="glass-label">Interface Name</FormLabel>

- <input

- v-model="newInterfaceName"

- type="text"

- :disabled="isEditingInterface"

- placeholder="e.g. Home Node or Mobile TCP"

- class="input-field"

- :class="[isEditingInterface ? 'cursor-not-allowed opacity-60' : '']"

- />

- </div>

+

+ <div class="grid grid-cols-2 gap-2">

+ <button

+ v-for="type in [

+ {

+ id: 'TCPClientInterface',

+ name: 'TCP Client',

+ icon: 'lan-connect',

+ color: 'text-blue-500',

+ },

+ {

+ id: 'BackboneInterface',

+ name: 'Backbone',

+ icon: 'transit-connection-variant',

+ color: 'text-sky-500',

+ },

+ {

+ id: 'TCPServerInterface',

+ name: 'TCP Server',

+ icon: 'server-network',

+ color: 'text-indigo-500',

+ },

+ {

+ id: 'UDPInterface',

+ name: 'UDP',

+ icon: 'broadcast',

+ color: 'text-cyan-500',

+ },

+ {

+ id: 'RNodeInterface',

+ name: 'RNode (LoRa)',

+ icon: 'radio-handheld',

+ color: 'text-emerald-500',

+ },

+ {

+ id: 'I2PInterface',

+ name: 'I2P Tunnel',

+ icon: 'tunnel',

+ color: 'text-purple-500',

+ },

+ {

+ id: 'SerialInterface',

+ name: 'Serial (Generic)',

+ icon: 'serial-port',

+ color: 'text-amber-500',

+ },

+ {

+ id: 'KISSInterface',

+ name: 'KISS (TNC)',

+ icon: 'radio-tower',

+ color: 'text-orange-500',

+ },

+ {

+ id: 'AutoInterface',

+ name: 'Auto (Local)',

+ icon: 'auto-fix',

+ color: 'text-pink-500',

+ },

+ ]"

+ :key="type.id"

+ type="button"

+ class="flex flex-col items-center justify-center p-3 rounded-2xl border transition-all duration-200 text-center gap-1 group"

+ :class="[

+ newInterfaceType === type.id

+ ? 'bg-blue-500/10 border-blue-500 ring-1 ring-blue-500/50'

+ : 'bg-gray-50/50 dark:bg-zinc-800/30 border-gray-100 dark:border-zinc-800 hover:border-gray-300 dark:hover:border-zinc-600',

+ ]"

+ @click="newInterfaceType = type.id"

+ >

+ <MaterialDesignIcon

+ :icon-name="type.icon"

+ class="size-6 transition-transform group-hover:scale-110"

+ :class="[

+ newInterfaceType === type.id ? 'text-blue-500' : type.color,

+ ]"

+ />

+ <span

+ class="text-[10px] font-bold uppercase tracking-tight"

+ :class="[

+ newInterfaceType === type.id

+ ? 'text-blue-700 dark:text-blue-400'

+ : 'text-gray-600 dark:text-zinc-400',

+ ]"

+ >

+ {{ type.name }}

+ </span>

+ </button>

+ </div>

- <div>

- <FormLabel class="glass-label">Transport Type</FormLabel>

+

+ <div class="mt-3">

+ <select

+ v-model="newInterfaceType"

+ class="input-field appearance-none pr-10 !py-1.5 !text-[11px] opacity-70 hover:opacity-100"

+ >

+ <option :value="null">More options...</option>

+ <option value="AX25KISSInterface">AX.25 KISS (Amateur Radio)</option>

+ <option value="LocalInterface">Local Interface (Loopback)</option>

+ <option value="PipeInterface">Pipe Interface (External)</option>

+ <option value="RNodeIPInterface">RNode over IP</option>

+ <option value="BackboneInterface">Backbone (public relay)</option>

+ </select>

+ </div>

-

- <div class="grid grid-cols-2 gap-2">

- <button

- v-for="type in [

- {

- id: 'TCPClientInterface',

- name: 'TCP Client',

- icon: 'lan-connect',

- color: 'text-blue-500',

- },

- {

- id: 'TCPServerInterface',

- name: 'TCP Server',

- icon: 'server-network',

- color: 'text-indigo-500',

- },

- { id: 'UDPInterface', name: 'UDP', icon: 'broadcast', color: 'text-cyan-500' },

- {

- id: 'RNodeInterface',

- name: 'RNode (LoRa)',

- icon: 'radio-handheld',

- color: 'text-emerald-500',

- },

- {

- id: 'I2PInterface',

- name: 'I2P Tunnel',

- icon: 'tunnel',

- color: 'text-purple-500',

- },

- {

- id: 'SerialInterface',

- name: 'Serial (Generic)',

- icon: 'serial-port',

- color: 'text-amber-500',

- },

- {

- id: 'KISSInterface',

- name: 'KISS (TNC)',

- icon: 'radio-tower',

- color: 'text-orange-500',

- },

- {

- id: 'AutoInterface',

- name: 'Auto (Local)',

- icon: 'auto-fix',

- color: 'text-pink-500',

- },

- ]"

- :key="type.id"

- type="button"

- class="flex flex-col items-center justify-center p-3 rounded-2xl border transition-all duration-200 text-center gap-1 group"

- :class="[

- newInterfaceType === type.id

- ? 'bg-blue-500/10 border-blue-500 ring-1 ring-blue-500/50'

- : 'bg-gray-50/50 dark:bg-zinc-800/30 border-gray-100 dark:border-zinc-800 hover:border-gray-300 dark:hover:border-zinc-600',

- ]"

- @click="newInterfaceType = type.id"

- >

- <MaterialDesignIcon

- :icon-name="type.icon"

- class="size-6 transition-transform group-hover:scale-110"

- :class="[newInterfaceType === type.id ? 'text-blue-500' : type.color]"

- />

- <span

- class="text-[10px] font-bold uppercase tracking-tight"

- :class="[

- newInterfaceType === type.id

- ? 'text-blue-700 dark:text-blue-400'

- : 'text-gray-600 dark:text-zinc-400',

- ]"

+

+ <div class="space-y-6">

+ <div

+ class="flex items-center gap-2 pb-2 border-b border-gray-100 dark:border-zinc-800"

>

- {{ type.name }}

- </span>

- </button>

- </div>

+ <MaterialDesignIcon icon-name="cog-outline" class="size-5 text-gray-400" />

+ <h3 class="font-bold text-gray-900 dark:text-white">Connection Details</h3>

+ </div>

-

- <div class="mt-3">

- <select

- v-model="newInterfaceType"

- class="input-field appearance-none pr-10 !py-1.5 !text-[11px] opacity-70 hover:opacity-100"

- >

- <option :value="null">More options...</option>

- <option value="AX25KISSInterface">AX.25 KISS (Amateur Radio)</option>

- <option value="LocalInterface">Local Interface (Loopback)</option>

- <option value="PipeInterface">Pipe Interface (External)</option>

- <option value="RNodeIPInterface">RNode over IP</option>

- </select>

- </div>

+

+ <div

+ v-if="!newInterfaceType"

+ class="h-48 flex flex-col items-center justify-center text-center p-6 border-2 border-dashed border-gray-100 dark:border-zinc-800 rounded-3xl"

+ >

+ <MaterialDesignIcon

+ icon-name="arrow-left-bold"

+ class="size-10 text-gray-200 dark:text-zinc-800 animate-bounce-left"

+ />

+ <p class="text-sm text-gray-400 dark:text-zinc-600 mt-2">

+ Select an interface type to configure connection settings.

+ </p>

+ </div>

-

- <div class="space-y-6">

- <div class="flex items-center gap-2 pb-2 border-b border-gray-100 dark:border-zinc-800">

- <MaterialDesignIcon icon-name="cog-outline" class="size-5 text-gray-400" />

- <h3 class="font-bold text-gray-900 dark:text-white">Connection Details</h3>

- </div>

+

+ <div v-else class="space-y-6 animate-in fade-in slide-in-from-right-4 duration-300">

+

+ <div v-if="newInterfaceType === 'TCPClientInterface'" class="space-y-4">

+ <div>

+ <FormLabel class="glass-label">Target Host</FormLabel>

+ <input

+ v-model="newInterfaceTargetHost"

+ type="text"

+ placeholder="e.g. 1.2.3.4 or example.com"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Target Port</FormLabel>

+ <input

+ v-model="newInterfaceTargetPort"

+ type="number"

+ placeholder="4242"

+ class="input-field"

+ />

+ </div>

-

- <div

- v-if="!newInterfaceType"

- class="h-48 flex flex-col items-center justify-center text-center p-6 border-2 border-dashed border-gray-100 dark:border-zinc-800 rounded-3xl"

- >

- <MaterialDesignIcon

- icon-name="arrow-left-bold"

- class="size-10 text-gray-200 dark:text-zinc-800 animate-bounce-left"

- />

- <p class="text-sm text-gray-400 dark:text-zinc-600 mt-2">

- Select an interface type to configure connection settings.

- </p>

- </div>

+ <div v-if="newInterfaceType === 'BackboneInterface'" class="space-y-4">

+ <div>

+ <FormLabel class="glass-label">Remote host</FormLabel>

+ <input

+ v-model="newInterfaceTargetHost"

+ type="text"

+ placeholder="e.g. example.com or 1.2.3.4"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Target port</FormLabel>

+ <input

+ v-model="newInterfaceTargetPort"

+ type="number"

+ placeholder="4242"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Transport identity (hex)</FormLabel>

+ <input

+ v-model="newInterfaceTransportIdentity"

+ type="text"

+ placeholder="32 hex chars from the directory"

+ class="input-field font-mono text-xs"

+ />

+ </div>

-

- <div v-else class="space-y-6 animate-in fade-in slide-in-from-right-4 duration-300">

-

- <div v-if="newInterfaceType === 'TCPClientInterface'" class="space-y-4">

- <div>

- <FormLabel class="glass-label">Target Host</FormLabel>

- <input

- v-model="newInterfaceTargetHost"

- type="text"

- placeholder="e.g. 1.2.3.4 or example.com"

- class="input-field"

- />

- </div>

- <div>

- <FormLabel class="glass-label">Target Port</FormLabel>

- <input

- v-model="newInterfaceTargetPort"

- type="number"

- placeholder="4242"

- class="input-field"

- />

- </div>

+

+ <div

+ v-if="['TCPServerInterface', 'UDPInterface'].includes(newInterfaceType)"

+ class="space-y-4"

+ >

+ <div>

+ <FormLabel class="glass-label">Listen IP (Optional)</FormLabel>

+ <input

+ v-model="newInterfaceListenIp"

+ type="text"

+ placeholder="0.0.0.0"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Listen Port</FormLabel>

+ <input

+ v-model="newInterfaceListenPort"

+ type="number"

+ placeholder="4242"

+ class="input-field"

+ />

+ </div>

-

- <div

- v-if="['TCPServerInterface', 'UDPInterface'].includes(newInterfaceType)"

- class="space-y-4"

- >

- <div>

- <FormLabel class="glass-label">Listen IP (Optional)</FormLabel>

- <input

- v-model="newInterfaceListenIp"

- type="text"

- placeholder="0.0.0.0"

- class="input-field"

- />

- </div>

- <div>

- <FormLabel class="glass-label">Listen Port</FormLabel>

- <input

- v-model="newInterfaceListenPort"

- type="number"

- placeholder="4242"

- class="input-field"

- />

- </div>

+

+ <div v-if="newInterfaceType === 'UDPInterface'" class="grid grid-cols-2 gap-4">

+ <div>

+ <FormLabel class="glass-label">Forward IP</FormLabel>

+ <input

+ v-model="newInterfaceForwardIp"

+ type="text"

+ placeholder="255.255.255.255"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Forward Port</FormLabel>

+ <input

+ v-model="newInterfaceForwardPort"

+ type="number"

+ placeholder="4242"

+ class="input-field"

+ />

+ </div>

-

- <div v-if="newInterfaceType === 'UDPInterface'" class="grid grid-cols-2 gap-4">

- <div>

- <FormLabel class="glass-label">Forward IP</FormLabel>

- <input

- v-model="newInterfaceForwardIp"

- type="text"

- placeholder="255.255.255.255"

- class="input-field"

- />

- </div>

- <div>

- <FormLabel class="glass-label">Forward Port</FormLabel>

- <input

- v-model="newInterfaceForwardPort"

- type="number"

- placeholder="4242"

- class="input-field"

- />

- </div>

+

+ <div v-if="newInterfaceType === 'I2PInterface'" class="space-y-4">

+ <div

+ class="bg-blue-50/50 dark:bg-blue-900/10 p-3 rounded-2xl border border-blue-100 dark:border-blue-900/20 text-xs text-blue-800 dark:text-blue-300"

+ >

+ ⓘ To use the I2P interface, you must have an I2P router running on your

+ system.

+ </div>

+ <div>

+ <FormLabel class="glass-label">Initial Peers (Optional)</FormLabel>

+ <div class="space-y-2">

+ <div

+ v-for="(peer, index) in I2PSettings.newInterfacePeers"

+ :key="index"

+ class="flex items-center gap-2"

+ >

+ <input

+ v-model="I2PSettings.newInterfacePeers[index]"

+ type="text"

+ placeholder="b32.i2p address"

+ class="input-field"

+ />

+ <button

+ type="button"

+ class="text-red-500 hover:text-red-400 p-1"

+ @click="removeI2PPeer(index)"

+ >

+ <MaterialDesignIcon

+ icon-name="trash-can-outline"

+ class="size-5"

+ />

+ </button>

+ </div>

+ <button

+ type="button"

+ class="secondary-chip !py-1 !px-3 !text-[10px]"

+ @click="addI2PPeer('')"

+ >

+ <MaterialDesignIcon icon-name="plus" class="size-3" /> Add Peer

+ </button>

+ </div>

-

- <div v-if="newInterfaceType === 'I2PInterface'" class="space-y-4">

- <div

- class="bg-blue-50/50 dark:bg-blue-900/10 p-3 rounded-2xl border border-blue-100 dark:border-blue-900/20 text-xs text-blue-800 dark:text-blue-300"

- >

- ⓘ To use the I2P interface, you must have an I2P router running on your system.

- </div>

- <div>

- <FormLabel class="glass-label">Initial Peers (Optional)</FormLabel>

- <div class="space-y-2">

+

<div

- v-for="(peer, index) in I2PSettings.newInterfacePeers"

- :key="index"

- class="flex items-center gap-2"

+ v-if="

+ [

+ 'RNodeInterface',

+ 'RNodeIPInterface',

+ 'SerialInterface',

+ 'KISSInterface',

+ 'AX25KISSInterface',

+ ].includes(newInterfaceType)

+ "

+ class="space-y-4"

>

- <input

- v-model="I2PSettings.newInterfacePeers[index]"

- type="text"

- placeholder="b32.i2p address"

- class="input-field"

- />

- <button

- type="button"

- class="text-red-500 hover:text-red-400 p-1"

- @click="removeI2PPeer(index)"

+ <div

+ v-if="newInterfaceType === 'RNodeInterface'"

+ class="flex items-center gap-2 pb-2"

>

- <MaterialDesignIcon icon-name="trash-can-outline" class="size-5" />

- </button>

+ <Toggle id="rnode-use-ip" v-model="newInterfaceRNodeUseIP" />

+ <FormLabel for="rnode-use-ip" class="cursor-pointer !mb-0 text-sm"

+ >Connect over network (IP)</FormLabel

+ >

+ </div>

+

+ <div

+ v-if="newInterfaceRNodeUseIP || newInterfaceType === 'RNodeIPInterface'"

+ class="grid grid-cols-2 gap-4"

+ >

+ <div>

+ <FormLabel class="glass-label">Host</FormLabel>

+ <input

+ v-model="newInterfaceRNodeIPHost"

+ type="text"

+ placeholder="10.0.0.1"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Port</FormLabel>

+ <input

+ v-model="newInterfaceRNodeIPPort"

+ type="number"

+ placeholder="7633"

+ class="input-field"

+ />

+ </div>

+ <div v-else>

+ <FormLabel class="glass-label">Serial Port</FormLabel>

+ <div class="relative">

+ <select

+ v-model="newInterfacePort"

+ class="input-field appearance-none pr-10"

+ >

+ <option :value="null" disabled>Select a port...</option>

+ <option

+ v-for="port in comports"

+ :key="port.device"

+ :value="port.device"

+ >

+ {{ port.device }} ({{ port.product ?? "?" }})

+ </option>

+ </select>

+ <div

+ class="absolute inset-y-0 right-0 flex items-center px-3 pointer-events-none text-gray-400"

+ >

+ <MaterialDesignIcon icon-name="chevron-down" class="size-5" />

+ </div>

+ <div class="mt-2 flex justify-end">

+ <button

+ type="button"

+ class="text-[10px] uppercase font-bold text-blue-500 hover:text-blue-600 tracking-wider"

+ @click="loadComports"

+ >

+ Refresh Ports

+ </button>

+ </div>

</div>

- <button

- type="button"

- class="secondary-chip !py-1 !px-3 !text-[10px]"

- @click="addI2PPeer('')"

- >

- <MaterialDesignIcon icon-name="plus" class="size-3" /> Add Peer

- </button>

- </div>

-

- <div

- v-if="

- [

- 'RNodeInterface',

- 'RNodeIPInterface',

- 'SerialInterface',

- 'KISSInterface',

- 'AX25KISSInterface',

- ].includes(newInterfaceType)

- "

- class="space-y-4"

- >

- <div v-if="newInterfaceType === 'RNodeInterface'" class="flex items-center gap-2 pb-2">

- <Toggle id="rnode-use-ip" v-model="newInterfaceRNodeUseIP" />

- <FormLabel for="rnode-use-ip" class="cursor-pointer !mb-0 text-sm"

- >Connect over network (IP)</FormLabel

- >

- </div>

-

- <div

- v-if="newInterfaceRNodeUseIP || newInterfaceType === 'RNodeIPInterface'"

- class="grid grid-cols-2 gap-4"

- >

- <div>

- <FormLabel class="glass-label">Host</FormLabel>

- <input

- v-model="newInterfaceRNodeIPHost"

- type="text"

- placeholder="10.0.0.1"

- class="input-field"

- />

- </div>

- <div>

- <FormLabel class="glass-label">Port</FormLabel>

- <input

- v-model="newInterfaceRNodeIPPort"

- type="number"

- placeholder="7633"

- class="input-field"

- />

- </div>

- <div v-else>

- <FormLabel class="glass-label">Serial Port</FormLabel>

- <div class="relative">

- <select v-model="newInterfacePort" class="input-field appearance-none pr-10">

- <option :value="null" disabled>Select a port...</option>

- <option v-for="port in comports" :key="port.device" :value="port.device">

- {{ port.device }} ({{ port.product ?? "?" }})

- </option>

- </select>

+

<div

- class="absolute inset-y-0 right-0 flex items-center px-3 pointer-events-none text-gray-400"

+ v-if="['RNodeInterface', 'RNodeIPInterface'].includes(newInterfaceType)"

+ class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800"

>

- <MaterialDesignIcon icon-name="chevron-down" class="size-5" />

+ <div>

+ <FormLabel class="glass-label">Frequency (Hz)</FormLabel>

+ <div class="flex items-center gap-2">

+ <div class="flex-1">

+ <input

+ v-model.number="RNodeGHzValue"

+ type="number"

+ min="0"

+ class="input-field text-center"

+ />

+ <div class="text-[10px] text-center text-gray-400 mt-1">

+ GHz

+ </div>

+ <div class="flex-1">

+ <input

+ v-model.number="RNodeMHzValue"

+ type="number"

+ min="0"

+ class="input-field text-center"

+ />

+ <div class="text-[10px] text-center text-gray-400 mt-1">

+ MHz

+ </div>

+ <div class="flex-1">

+ <input

+ v-model.number="RNodekHzValue"

+ type="number"

+ min="0"

+ class="input-field text-center"

+ />

+ <div class="text-[10px] text-center text-gray-400 mt-1">

+ kHz

+ </div>

+ <div

+ v-if="formattedFrequency"

+ class="mt-2 text-center text-sm font-mono text-blue-500 font-bold"

+ >

+ {{ formattedFrequency }}

+ </div>

+ <div class="grid grid-cols-2 gap-4">

+ <div>

+ <FormLabel class="glass-label">Bandwidth</FormLabel>

+ <select v-model="newInterfaceBandwidth" class="input-field">

+ <option

+ v-for="bw in RNodeInterfaceDefaults.bandwidths"

+ :key="bw"

+ :value="bw"

+ >

+ {{ bw / 1000 }} kHz

+ </option>

+ </select>

+ </div>

+ <div>

+ <FormLabel class="glass-label">Power (dBm)</FormLabel>

+ <input

+ v-model="newInterfaceTxpower"

+ type="number"

+ class="input-field"

+ />

+ </div>

+

+

+ <div v-if="newInterfaceType === 'PipeInterface'" class="space-y-4">

+ <div

+ class="bg-gray-50/50 dark:bg-zinc-800/30 p-3 rounded-2xl border border-gray-100 dark:border-zinc-800 text-xs text-gray-600 dark:text-zinc-400"

+ >

+ ⓘ Interface with external programs via stdin/stdout.

+ </div>

+ <div>

+ <FormLabel class="glass-label">Command</FormLabel>

+ <input

+ v-model="newInterfaceCommand"

+ type="text"

+ placeholder="e.g. netcat -l 5757"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Respawn Delay (s)</FormLabel>

+ <input

+ v-model="newInterfaceRespawnDelay"

+ type="number"

+ placeholder="5"

+ class="input-field"

+ />

+ </div>

</div>

- </div>

- <div class="mt-2 flex justify-end">

- <button

- type="button"

- class="text-[10px] uppercase font-bold text-blue-500 hover:text-blue-600 tracking-wider"

- @click="loadComports"

- >

- Refresh Ports

- </button>

</div>

-

- <div

- v-if="['RNodeInterface', 'RNodeIPInterface'].includes(newInterfaceType)"

- class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800"

- >

- <div>

- <FormLabel class="glass-label">Frequency (Hz)</FormLabel>

- <div class="flex items-center gap-2">

- <div class="flex-1">

- <input

- v-model.number="RNodeGHzValue"

- type="number"

- min="0"

- class="input-field text-center"

- />

- <div class="text-[10px] text-center text-gray-400 mt-1">GHz</div>

- </div>

- <div class="flex-1">

- <input

- v-model.number="RNodeMHzValue"

- type="number"

- min="0"

- class="input-field text-center"

- />

- <div class="text-[10px] text-center text-gray-400 mt-1">MHz</div>

+

+ <div class="space-y-4 pt-4">

+

+ <ExpandingSection

+ v-if="['RNodeInterface', 'RNodeIPInterface'].includes(newInterfaceType)"

+ class="glass-card !p-0 overflow-hidden"

+ >

+ <template #title

+ ><span class="text-sm font-bold">Calculated Parameters</span></template

+ >

+ <template #content>

+ <div class="p-6 space-y-6">

+ <div>

+ <FormLabel class="glass-label">Antenna Gain (dBi)</FormLabel>

+ <input

+ v-model.number="RNodeInterfaceLoRaParameters.antennaGain"

+ type="number"

+ class="input-field"

+ />

+ </div>

+ <div class="grid grid-cols-3 gap-3">

+ <div

+ class="bg-blue-500/5 p-3 rounded-2xl border border-blue-500/10 text-center"

+ >

+ <div class="text-[10px] uppercase font-bold text-blue-500 mb-1">

+ Sensitivity

+ </div>

+ <div class="text-lg font-mono font-bold">

+ {{ RNodeInterfaceLoRaParameters.sensitivity ?? "???" }}

+ </div>

+ <div

+ class="bg-blue-500/5 p-3 rounded-2xl border border-blue-500/10 text-center"

+ >

+ <div class="text-[10px] uppercase font-bold text-blue-500 mb-1">

+ Data Rate

+ </div>

+ <div class="text-lg font-mono font-bold">

+ {{ RNodeInterfaceLoRaParameters.dataRate ?? "???" }}

+ </div>

+ <div

+ class="bg-blue-500/5 p-3 rounded-2xl border border-blue-500/10 text-center"

+ >

+ <div class="text-[10px] uppercase font-bold text-blue-500 mb-1">

+ Link Budget

+ </div>

+ <div class="text-lg font-mono font-bold">

+ {{ RNodeInterfaceLoRaParameters.linkBudget ?? "???" }}

+ </div>

</div>

- <div class="flex-1">

- <input

- v-model.number="RNodekHzValue"

- type="number"

- min="0"

- class="input-field text-center"

- />

- <div class="text-[10px] text-center text-gray-400 mt-1">kHz</div>

+ </template>

+ </ExpandingSection>

+

+

+ <ExpandingSection class="glass-card !p-0 overflow-hidden">

+ <template #title

+ ><span class="text-sm font-bold">Interface Discovery</span></template

+ >

+ <template #content>

+ <div class="p-6 space-y-6">

+ <div class="flex items-center justify-between">

+ <div class="max-w-md">

+ <FormLabel class="glass-label !mb-0"

+ >Publish Discovery Announce</FormLabel

+ >

+ <p class="text-xs text-gray-400">

+ Makes your node visible to others on the network.

+ </p>

+ </div>

+ <Toggle v-model="discovery.discoverable" />

+ </div>

+ <div

+ v-if="discovery.discoverable"

+ class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800 animate-in fade-in slide-in-from-top-2"

+ >

+ <div>

+ <FormLabel class="glass-label">Discovery Name</FormLabel>

+ <input

+ v-model="discovery.discovery_name"

+ type="text"

+ placeholder="Human-friendly name"

+ class="input-field"

+ />

+ </div>

+ <div class="grid grid-cols-2 gap-4">

+ <div>

+ <FormLabel class="glass-label">Announce Interval (m)</FormLabel>

+ <input

+ v-model.number="discovery.announce_interval"

+ type="number"

+ class="input-field"

+ />

+ </div>

+ <div>

+ <FormLabel class="glass-label">Reachable On</FormLabel>

+ <input

+ v-model="discovery.reachable_on"

+ type="text"

+ placeholder="IP or Hostname"

+ class="input-field"

+ />

+ </div>

</div>

- </div>

- <div

- v-if="formattedFrequency"

- class="mt-2 text-center text-sm font-mono text-blue-500 font-bold"

+ </template>

+ </ExpandingSection>

+

+

+ <ExpandingSection class="glass-card !p-0 overflow-hidden">

+ <template #title

+ ><span class="text-sm font-bold">Discovery Listener (Peer)</span></template

>

- {{ formattedFrequency }}

- </div>

- <div class="grid grid-cols-2 gap-4">

- <div>

- <FormLabel class="glass-label">Bandwidth</FormLabel>

- <select v-model="newInterfaceBandwidth" class="input-field">

- <option

- v-for="bw in RNodeInterfaceDefaults.bandwidths"

- :key="bw"

- :value="bw"

+ <template #content>

+ <div class="p-6 space-y-6">

+ <div class="flex items-center justify-between">

+ <div class="max-w-md">

+ <FormLabel class="glass-label !mb-0"

+ >Enable Discovery Listener</FormLabel

+ >

+ <p class="text-xs text-gray-400">

+ Listen for announced interfaces and optionally auto-connect.

+ </p>

+ </div>

+ <Toggle v-model="reticulumDiscovery.discover_interfaces" />

+ </div>

+ <div

+ v-if="reticulumDiscovery.discover_interfaces"

+ class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800 animate-in fade-in slide-in-from-top-2"

>

- {{ bw / 1000 }} kHz

- </option>

- </select>

- </div>

- <div>

- <FormLabel class="glass-label">Power (dBm)</FormLabel>

- <input v-model="newInterfaceTxpower" type="number" class="input-field" />

- </div>

+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">

+ <input

+ v-model="reticulumDiscovery.interface_discovery_whitelist"

+ type="text"

+ placeholder="Whitelist (names, hosts, IDs)"

+ class="input-field"

+ />

+ <input

+ v-model="reticulumDiscovery.interface_discovery_blacklist"

+ type="text"

+ placeholder="Blacklist (names, hosts, IDs)"

+ class="input-field"

+ />

+ </div>

+ <div class="flex justify-end">

+ <button

+ type="button"

+ class="primary-chip !text-[10px]"

+ :disabled="savingDiscovery"

+ @click="saveReticulumDiscoveryConfig"

+ >

+ <MaterialDesignIcon icon-name="content-save" class="size-3" />

+ Save Listener Prefs

+ </button>

+ </div>

+ </template>

+ </ExpandingSection>

+

+

+ <ExpandingSection class="glass-card !p-0 overflow-hidden">

+ <template #title

+ ><span class="text-sm font-bold"

+ >Advanced Parameters (IFAC, Mode)</span

+ ></template

+ >

+ <template #content>

+ <div class="p-6 space-y-6">

+ <div class="grid grid-cols-2 gap-4">

+ <div>

+ <FormLabel class="glass-label">Interface Mode</FormLabel>

+ <select v-model="sharedInterfaceSettings.mode" class="input-field">

+ <option :value="undefined">Default (Full)</option>

+ <option value="full">Full</option>

+ <option value="gateway">Gateway</option>

+ <option value="access_point">Access Point</option>

+ <option value="roaming">Roaming</option>

+ <option value="boundary">Boundary</option>

+ </select>

+ </div>

+ <div>

+ <FormLabel class="glass-label">Forced Bitrate</FormLabel>

+ <input

+ v-model="sharedInterfaceSettings.bitrate"

+ type="number"

+ placeholder="bps"

+ class="input-field"

+ />

+ </div>

+ <div class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800">

+ <FormLabel class="glass-label">Interface Access Code (IFAC)</FormLabel>

+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">

+ <input

+ v-model="sharedInterfaceSettings.network_name"

+ type="text"

+ placeholder="Network Name"

+ class="input-field"

+ />

+ <input

+ v-model="sharedInterfaceSettings.passphrase"

+ type="text"

+ placeholder="Passphrase"

+ class="input-field"

+ />

+ </div>

+ </template>

+ </ExpandingSection>

</div>

-

- <div v-if="newInterfaceType === 'PipeInterface'" class="space-y-4">

- <div

- class="bg-gray-50/50 dark:bg-zinc-800/30 p-3 rounded-2xl border border-gray-100 dark:border-zinc-800 text-xs text-gray-600 dark:text-zinc-400"

+

+ <div

+ class="pt-8 flex items-center justify-between gap-4 border-t border-gray-200 dark:border-zinc-800"

+ >

+ <button

+ type="button"

+ class="secondary-chip !px-10 !py-3 !text-sm"

+ @click="$router.push({ name: 'interfaces' })"

>

- ⓘ Interface with external programs via stdin/stdout.

- </div>

- <div>

- <FormLabel class="glass-label">Command</FormLabel>

- <input

- v-model="newInterfaceCommand"

- type="text"

- placeholder="e.g. netcat -l 5757"

- class="input-field"

- />

- </div>

- <div>

- <FormLabel class="glass-label">Respawn Delay (s)</FormLabel>

- <input

- v-model="newInterfaceRespawnDelay"

- type="number"

- placeholder="5"

- class="input-field"

+ Cancel

+ </button>

+ <button

+ type="button"

+ class="primary-chip !px-16 !py-3 !text-sm"

+ :disabled="isSaving"

+ @click="saveInterface"

+ >

+ <MaterialDesignIcon

+ :icon-name="isSaving ? 'loading' : isEditingInterface ? 'content-save' : 'plus'"

+ class="size-5"

+ :class="{ 'animate-spin': isSaving }"

/>

- </div>

+ {{ isEditingInterface ? "Update Connection" : "Create Connection" }}

+ </button>

</div>

- </div>

-

- <div class="space-y-4 pt-4">

-

- <ExpandingSection

- v-if="['RNodeInterface', 'RNodeIPInterface'].includes(newInterfaceType)"

- class="glass-card !p-0 overflow-hidden"

+ <aside

+ class="w-full shrink-0 space-y-4 xl:w-96 xl:sticky xl:top-4 xl:self-start xl:max-h-[min(calc(100dvh-6rem),920px)] xl:overflow-y-auto xl:border-l border-gray-200/80 dark:border-zinc-800 xl:pl-8"

+ :aria-label="$t('interfaces.add_interface_sidebar_a11y')"

>

- <template #title><span class="text-sm font-bold">Calculated Parameters</span></template>

- <template #content>

- <div class="p-6 space-y-6">

- <div>

- <FormLabel class="glass-label">Antenna Gain (dBi)</FormLabel>

- <input

- v-model.number="RNodeInterfaceLoRaParameters.antennaGain"

- type="number"

- class="input-field"

- />

- </div>

- <div class="grid grid-cols-3 gap-3">

- <div class="bg-blue-500/5 p-3 rounded-2xl border border-blue-500/10 text-center">

- <div class="text-[10px] uppercase font-bold text-blue-500 mb-1">

- Sensitivity

- </div>

- <div class="text-lg font-mono font-bold">

- {{ RNodeInterfaceLoRaParameters.sensitivity ?? "???" }}

- </div>

- <div class="bg-blue-500/5 p-3 rounded-2xl border border-blue-500/10 text-center">

- <div class="text-[10px] uppercase font-bold text-blue-500 mb-1">Data Rate</div>

- <div class="text-lg font-mono font-bold">

- {{ RNodeInterfaceLoRaParameters.dataRate ?? "???" }}

- </div>

- <div class="bg-blue-500/5 p-3 rounded-2xl border border-blue-500/10 text-center">

- <div class="text-[10px] uppercase font-bold text-blue-500 mb-1">

- Link Budget

- </div>

- <div class="text-lg font-mono font-bold">

- {{ RNodeInterfaceLoRaParameters.linkBudget ?? "???" }}

- </div>

+ <div

+ v-if="!isEditingInterface && communityPresetsEnabled && communityInterfaces.length > 0"

+ class="glass-card !p-0 overflow-hidden"

+ >

+ <div

+ class="bg-gray-50/50 dark:bg-zinc-800/50 p-4 border-b border-gray-200 dark:border-zinc-800 flex items-center justify-between gap-2"

+ >

+ <div class="min-w-0">

+ <h2 class="font-bold text-gray-900 dark:text-white flex items-center gap-2 text-sm">

+ <MaterialDesignIcon icon-name="lightning-bolt" class="size-5 text-yellow-500" />

+ {{ $t("interfaces.community_quick_start") }}

+ </h2>

+ <p class="text-xs text-gray-500 dark:text-zinc-400 mt-0.5">

+ {{ $t("interfaces.community_quick_start_hint") }}

+ </p>

</div>

+ <button

+ type="button"

+ class="text-gray-400 hover:text-gray-600 dark:hover:text-zinc-200 transition-colors p-1 shrink-0"

+ :title="$t('interfaces.community_quick_start_hide')"

+ @click="updateConfig({ show_suggested_community_interfaces: false })"

+ >

+ <MaterialDesignIcon icon-name="close" class="size-5" />

+ </button>

</div>

- </template>

- </ExpandingSection>

-

-

- <ExpandingSection class="glass-card !p-0 overflow-hidden">

- <template #title><span class="text-sm font-bold">Interface Discovery</span></template>

- <template #content>

- <div class="p-6 space-y-6">

- <div class="flex items-center justify-between">

- <div class="max-w-md">

- <FormLabel class="glass-label !mb-0">Publish Discovery Announce</FormLabel>

- <p class="text-xs text-gray-400">

- Makes your node visible to others on the network.

- </p>

- </div>

- <Toggle v-model="discovery.discoverable" />

- </div>

+

+ <div

+ class="divide-y divide-gray-100 dark:divide-zinc-800 max-h-[min(50vh,28rem)] overflow-y-auto"

+ >

<div

- v-if="discovery.discoverable"

- class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800 animate-in fade-in slide-in-from-top-2"

+ v-for="communityIface in communityInterfaces"

+ :key="

+ communityIface.name +

+ (communityIface.target_host || '') +

+ (communityIface.target_port || '')

+ "

+ class="flex p-3 sm:p-4 items-center gap-2 hover:bg-gray-50/30 dark:hover:bg-zinc-800/20 transition-colors"

>

- <div>

- <FormLabel class="glass-label">Discovery Name</FormLabel>

- <input

- v-model="discovery.discovery_name"

- type="text"

- placeholder="Human-friendly name"

- class="input-field"

- />

- </div>

- <div class="grid grid-cols-2 gap-4">

- <div>

- <FormLabel class="glass-label">Announce Interval (m)</FormLabel>

- <input

- v-model.number="discovery.announce_interval"

- type="number"

- class="input-field"

- />

+ <div class="min-w-0 flex-1">

+ <div class="font-bold text-sm text-gray-900 dark:text-zinc-100">

+ {{ communityIface.name }}

</div>

- <div>

- <FormLabel class="glass-label">Reachable On</FormLabel>

- <input

- v-model="discovery.reachable_on"

- type="text"

- placeholder="IP or Hostname"

- class="input-field"

- />

+ <div

+ class="text-[10px] font-mono text-gray-500 dark:text-zinc-400 mt-0.5 flex flex-wrap items-center gap-2"

+ >

+ <MaterialDesignIcon icon-name="server-network" class="size-3 shrink-0" />

+ <template v-if="communityIface.type === 'I2PInterface'">

+ {{ communityIface.target_host }}

+ </template>

+ <template v-else>

+ {{ communityIface.target_host }}:{{ communityIface.target_port }}

+ </template>

+ <span

+ v-if="communityIface.online === true"

+ class="text-green-500 flex items-center gap-1"

+ >

+ <span class="size-1.5 rounded-full bg-green-500 animate-pulse"></span>

+ Online

+ </span>

+ <span v-else-if="communityIface.online === false" class="text-red-500"

+ >Offline</span

+ >

+ </div>

+ <div

+ v-if="communityIface.description"

+ class="text-[10px] text-gray-400 dark:text-zinc-500 mt-1 italic line-clamp-2"

+ >

+ {{ communityIface.description }}

</div>

+ <button

+ type="button"

+ class="primary-chip !py-1.5 !px-2 !text-[10px] shrink-0"

+ @click="

+ newInterfaceName = communityIface.name;

+ newInterfaceType = communityIface.type;

+ newInterfaceTargetHost = communityIface.target_host;

+ newInterfaceTargetPort = communityIface.target_port;

+ newInterfaceTransportIdentity = communityIface.transport_identity || null;

+ I2PSettings.newInterfacePeers =

+ communityIface.type === 'I2PInterface' && communityIface.i2p_peers

+ ? [...communityIface.i2p_peers]

+ : [];

+ "

+ >

+ {{ $t("interfaces.community_use_preset") }}

+ </button>

</div>

- </template>

- </ExpandingSection>

-

-

- <ExpandingSection class="glass-card !p-0 overflow-hidden">

- <template #title><span class="text-sm font-bold">Discovery Listener (Peer)</span></template>

- <template #content>

- <div class="p-6 space-y-6">

- <div class="flex items-center justify-between">

- <div class="max-w-md">

- <FormLabel class="glass-label !mb-0">Enable Discovery Listener</FormLabel>

- <p class="text-xs text-gray-400">

- Listen for announced interfaces and optionally auto-connect.

- </p>

- </div>

- <Toggle v-model="reticulumDiscovery.discover_interfaces" />

- </div>

+ </div>

+

+ <div

+ v-else-if="

+ !isEditingInterface && communityPresetsDismissed && communityInterfaces.length > 0

+ "

+ class="glass-card p-4 space-y-3"

+ >

+ <p class="text-sm text-gray-600 dark:text-zinc-400">

+ {{ $t("interfaces.community_presets_hidden_hint") }}

+ </p>

+ <button

+ type="button"

+ class="primary-chip !py-2 !px-4 !text-xs w-full"

+ @click="updateConfig({ show_suggested_community_interfaces: true })"

+ >

+ {{ $t("interfaces.community_presets_show_again") }}

+ </button>

+ </div>

+

+ <div

+ v-else-if="

+ !isEditingInterface &&

+ communityPresetsEnabled &&

+ communityInterfacesFetchDone &&

+ communityInterfaces.length === 0

+ "

+ class="glass-card p-4 text-sm text-gray-500 dark:text-zinc-400"

+ >

+ {{ $t("interfaces.community_presets_empty") }}

+ </div>

+

+ <div class="grid grid-cols-1 gap-4">

+ <div

+ class="glass-card flex items-center gap-4 bg-blue-50/30 dark:bg-blue-900/10 border-blue-100 dark:border-blue-900/30"

+ >

<div

- v-if="reticulumDiscovery.discover_interfaces"

- class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800 animate-in fade-in slide-in-from-top-2"

+ class="size-10 rounded-2xl bg-blue-500/10 flex items-center justify-center text-blue-500 shrink-0"

>

- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">

- <input

- v-model="reticulumDiscovery.interface_discovery_whitelist"

- type="text"

- placeholder="Whitelist (names, hosts, IDs)"

- class="input-field"

- />

- <input

- v-model="reticulumDiscovery.interface_discovery_blacklist"

- type="text"

- placeholder="Blacklist (names, hosts, IDs)"

- class="input-field"

- />

- </div>

- <div class="flex justify-end">

- <button

- type="button"

- class="primary-chip !text-[10px]"

- :disabled="savingDiscovery"

- @click="saveReticulumDiscoveryConfig"

+ <MaterialDesignIcon icon-name="map-search-outline" class="size-6" />

+ </div>

+ <div class="flex-1 min-w-0">

+ <h3 class="text-sm font-bold text-gray-900 dark:text-white">

+ {{ $t("interfaces.find_more_nodes") }}

+ </h3>

+ <div class="flex flex-wrap gap-2 mt-1">

+ <a

+ href="https://directory.rns.recipes/"

+ target="_blank"

+ rel="noopener noreferrer"

+ class="secondary-chip !py-1 !px-2 !text-[9px]"

+ >rns.recipes</a

+ >

+ <a

+ href="https://rmap.world/"

+ target="_blank"

+ rel="noopener noreferrer"

+ class="secondary-chip !py-1 !px-2 !text-[9px]"

+ >rmap.world</a

>

- <MaterialDesignIcon icon-name="content-save" class="size-3" /> Save Listener

- Prefs

- </button>

</div>

- </template>

- </ExpandingSection>

-

- <ExpandingSection class="glass-card !p-0 overflow-hidden">

- <template #title

- ><span class="text-sm font-bold">Advanced Parameters (IFAC, Mode)</span></template

- >

- <template #content>

- <div class="p-6 space-y-6">

- <div class="grid grid-cols-2 gap-4">

- <div>

- <FormLabel class="glass-label">Interface Mode</FormLabel>

- <select v-model="sharedInterfaceSettings.mode" class="input-field">

- <option :value="undefined">Default (Full)</option>

- <option value="full">Full</option>

- <option value="gateway">Gateway</option>

- <option value="access_point">Access Point</option>

- <option value="roaming">Roaming</option>

- <option value="boundary">Boundary</option>

- </select>

- </div>

- <div>

- <FormLabel class="glass-label">Forced Bitrate</FormLabel>

- <input

- v-model="sharedInterfaceSettings.bitrate"

- type="number"

- placeholder="bps"

- class="input-field"

- />

- </div>

+ <div

+ class="glass-card flex flex-col gap-2 !p-4 bg-emerald-50/20 dark:bg-emerald-900/5 border-emerald-100 dark:border-emerald-900/20"

+ >

+ <div class="flex items-center justify-between gap-2">

+ <h3

+ class="text-xs font-bold text-emerald-600 dark:text-emerald-500 uppercase tracking-widest flex items-center gap-2"

+ >

+ <MaterialDesignIcon icon-name="import" class="size-4" />

+ {{ $t("interfaces.quick_import") }}

+ </h3>

+ <span class="text-[10px] text-gray-400 shrink-0">{{

+ $t("interfaces.quick_import_paste_hint")

+ }}</span>

</div>

- <div class="space-y-4 pt-4 border-t border-gray-100 dark:border-zinc-800">

- <FormLabel class="glass-label">Interface Access Code (IFAC)</FormLabel>

- <div class="grid grid-cols-1 md:grid-cols-2 gap-4">

- <input

- v-model="sharedInterfaceSettings.network_name"

- type="text"

- placeholder="Network Name"

- class="input-field"

- />

- <input

- v-model="sharedInterfaceSettings.passphrase"

- type="text"

- placeholder="Passphrase"

- class="input-field"

- />

- </div>

+ <textarea

+ v-model="rawConfigInput"

+ :placeholder="$t('interfaces.quick_import_placeholder')"

+ class="w-full h-20 bg-white/50 dark:bg-zinc-900/50 border border-emerald-100/50 dark:border-emerald-900/30 rounded-xl p-2 text-[10px] font-mono focus:ring-1 focus:ring-emerald-500 outline-none transition"

+ @input="handleRawConfigInput"

+ ></textarea>

+

+ <div v-if="detectedConfigs.length > 1" class="flex flex-wrap gap-2 mt-1">

+ <button

+ v-for="cfg in detectedConfigs"

+ :key="cfg.name"

+ type="button"

+ class="bg-emerald-500/10 hover:bg-emerald-500/20 border border-emerald-500/20 rounded-lg px-2 py-1 text-[9px] font-bold text-emerald-600 dark:text-emerald-400 transition"

+ @click="applyConfig(cfg)"

+ >

+ {{ $t("interfaces.quick_import_apply", { name: cfg.name }) }}

+ </button>

</div>

- </template>

- </ExpandingSection>

- </div>

-

-

- <div class="pt-8 flex items-center justify-between gap-4 border-t border-gray-200 dark:border-zinc-800">

- <button

- type="button"

- class="secondary-chip !px-10 !py-3 !text-sm"

- @click="$router.push({ name: 'interfaces' })"

- >

- Cancel

- </button>

- <button

- type="button"

- class="primary-chip !px-16 !py-3 !text-sm"

- :disabled="isSaving"

- @click="saveInterface"

- >

- <MaterialDesignIcon

- :icon-name="isSaving ? 'loading' : isEditingInterface ? 'content-save' : 'plus'"

- class="size-5"

- :class="{ 'animate-spin': isSaving }"

- />

- {{ isEditingInterface ? "Update Connection" : "Create Connection" }}

- </button>

+ </div>

+ </aside>

</div>

@@ -823,6 +986,7 @@ export default {

config: null,

communityInterfaces: [],

+ communityInterfacesFetchDone: false,

comports: [],

@@ -839,6 +1003,7 @@ export default {

newInterfaceTargetHost: null,

newInterfaceTargetPort: null,

+ newInterfaceTransportIdentity: null,

newInterfaceListenIp: null,

newInterfaceListenPort: null,

@@ -965,6 +1130,30 @@ export default {

};

},

computed: {

+ communityPresetsEnabled() {

+ if (this.isEditingInterface) {

+ return false;

+ }

+ const c = this.config;

+ if (!c) {

+ return true;

+ }

+ const v = c.show_suggested_community_interfaces;

+ if (v === undefined || v === null) {

+ return true;

+ }

+ return this.parseBool(v);

+ },

+ communityPresetsDismissed() {

+ if (this.isEditingInterface || !this.config) {

+ return false;

+ }

+ const v = this.config.show_suggested_community_interfaces;

+ if (v === undefined || v === null) {

+ return false;

+ }

+ return !this.parseBool(v);

+ },

formattedFrequency() {

const totalHz = this.calculateFrequencyInHz();

if (totalHz >= 1e9) {

@@ -1061,9 +1250,12 @@ export default {

async loadCommunityInterfaces() {

try {

const response = await window.axios.get(`/api/v1/community-interfaces`);

- this.communityInterfaces = response.data.interfaces;

+ this.communityInterfaces = response.data.interfaces ?? [];

} catch (e) {

console.log(e);

+ this.communityInterfaces = [];

+ } finally {

+ this.communityInterfacesFetchDone = true;

}

},

async loadInterfaceToEdit(interfaceName) {

@@ -1079,8 +1271,12 @@ export default {

this.newInterfaceName = interfaceName;

this.newInterfaceType = iface.type;

- this.newInterfaceTargetHost = iface.target_host;

- this.newInterfaceTargetPort = iface.target_port;

+ this.newInterfaceTargetHost = iface.target_host ?? iface.remote ?? null;

+ this.newInterfaceTargetPort = iface.target_port ?? null;

+ this.newInterfaceTransportIdentity = iface.transport_identity ?? null;

+ if (iface.type === "I2PInterface" && Array.isArray(iface.peers)) {

+ this.I2PSettings.newInterfacePeers = [...iface.peers];

+ }

this.newInterfaceListenIp = iface.listen_ip;

this.newInterfaceListenPort = iface.listen_port;

this.newInterfacePort = iface.port;

@@ -1211,12 +1407,19 @@ export default {

const discoveryEnabled = this.discovery.discoverable === true;

const freqHz = this.calculateFrequencyInHz();

+ const i2pPeers =

+ this.newInterfaceType === "I2PInterface"

+ ? (this.I2PSettings.newInterfacePeers || []).map((p) => String(p).trim()).filter(Boolean)

+ : undefined;

+

const response = await window.axios.post(`/api/v1/reticulum/interfaces/add`, {

allow_overwriting_interface: this.isEditingInterface,

name: this.newInterfaceName,

type: this.newInterfaceType,

target_host: this.newInterfaceTargetHost,

target_port: this.newInterfaceTargetPort,

+ transport_identity: this.newInterfaceTransportIdentity,

+ peers: i2pPeers,

listen_ip: this.newInterfaceListenIp,

listen_port: this.newInterfaceListenPort,

port: this.newInterfaceRNodeUseIP

diff --git a/meshchatx/src/frontend/components/messages/ConversationViewer.vue b/meshchatx/src/frontend/components/messages/ConversationViewer.vue

index 90d70fba..e692548f 100644

--- a/meshchatx/src/frontend/components/messages/ConversationViewer.vue

+++ b/meshchatx/src/frontend/components/messages/ConversationViewer.vue

@@ -1105,6 +1105,7 @@

:placeholder="$t('messages.send_placeholder')"

@keydown.enter.exact.prevent="onEnterPressed"

@keydown.enter.shift.exact.prevent="onShiftEnterPressed"

+ @paste="onMessagePaste"

></textarea>

@@ -1265,6 +1266,15 @@

<span class="font-medium">Retry</span>

</button>

+ <button

+ v-if="isSelectedPeerBlocked && selectedPeer"

+ type="button"

+ class="w-full flex items-center gap-3 px-4 py-2.5 text-sm text-emerald-600 dark:text-emerald-400 hover:bg-emerald-50 dark:hover:bg-emerald-900/20 transition-all active:scale-95"

+ @click="liftBanishmentFromMessageMenu"

+ >

+ <MaterialDesignIcon icon-name="check-circle" class="size-4" />

+ <span class="font-medium">{{ $t("banishment.lift_banishment") }}</span>

+ </button>

<button

type="button"

@@ -2925,6 +2935,23 @@ export default {

console.error(e);

}

},

+ async liftBanishmentFromMessageMenu() {

+ if (!this.selectedPeer?.destination_hash) {

+ this.messageContextMenu.show = false;

+ return;

+ }

+ try {

+ await window.axios.delete(

+ `/api/v1/blocked-destinations/${this.selectedPeer.destination_hash}`

+ );

+ GlobalEmitter.emit("block-status-changed");

+ DialogUtils.alert(this.$t("banishment.banishment_lifted"));

+ } catch (e) {

+ DialogUtils.alert(this.$t("banishment.failed_lift_banishment"));

+ console.error(e);

+ }

+ this.messageContextMenu.show = false;

+ },

onChatItemClick: function (chatItem) {

if (!chatItem.is_actions_expanded) {

chatItem.is_actions_expanded = true;

@@ -2973,8 +3000,8 @@ export default {

this.messageContextMenu.show = true;

this.$nextTick(() => {

- const menuWidth = 180;

- const menuHeight = 150;

+ const menuWidth = 200;

+ const menuHeight = 280;

let x = event.clientX;

let y = event.clientY;

@@ -3673,6 +3700,35 @@ export default {

DialogUtils.alert(message);

}

},

+ onMessagePaste(event) {

+ const cd = event.clipboardData;

+ if (!cd?.items?.length) {

+ return;

+ }

+ const imageBlobs = [];

+ for (let i = 0; i < cd.items.length; i++) {

+ const item = cd.items[i];

+ if (item.kind === "file" && item.type.startsWith("image/")) {

+ const f = item.getAsFile();

+ if (f) {

+ imageBlobs.push(f);

+ }

+ if (imageBlobs.length === 0) {

+ return;

+ }

+ event.preventDefault();

+ const t = Date.now();

+ imageBlobs.forEach((file, idx) => {

+ let f = file;

+ const ext = (file.type.split("/")[1] || "png").replace("jpeg", "jpg");

+ if (!file.name || file.name === "image.png" || file.name === "image.jpeg") {

+ f = new File([file], `paste-${t}-${idx}.${ext}`, { type: file.type });

+ }

+ this.onImageSelected(f);

+ });

+ },

async pasteFromClipboard() {

try {

const text = await navigator.clipboard.readText();

diff --git a/meshchatx/src/frontend/components/settings/SettingsPage.vue b/meshchatx/src/frontend/components/settings/SettingsPage.vue

index 50ebc28f..46f257db 100644

--- a/meshchatx/src/frontend/components/settings/SettingsPage.vue

+++ b/meshchatx/src/frontend/components/settings/SettingsPage.vue

@@ -1078,31 +1078,25 @@

"

/>

</div>

- <div class="space-y-3">

+ <div class="space-y-4">

</div>

</div>

+ <div class="text-xs font-semibold text-gray-700 dark:text-zinc-300 uppercase tracking-wide">

+ {{ $t("app.announce_max_stored_heading") }}

+ </div>

<label class="text-xs font-medium">{{ $t("app.announce_limit_lxmf") }}</label>

<input

- v-model.number="config.announce_limit_lxmf_delivery"

+ v-model.number="config.announce_max_stored_lxmf_delivery"

type="number"

- min="0"

+ min="1"

class="input-field"

- placeholder="-"

- @change="

- updateConfig(

- {

- announce_limit_lxmf_delivery:

- config.announce_limit_lxmf_delivery ?? null,

- },

- 'announce_limits'

- )

- "

+ @change="onAnnounceLimitsChange"

/>

</div>

@@ -1110,42 +1104,91 @@

$t("app.announce_limit_nomadnet")

}}</label>

<input

- v-model.number="config.announce_limit_nomadnetwork_node"

+ v-model.number="config.announce_max_stored_nomadnetwork_node"

type="number"

- min="0"

+ min="1"

class="input-field"

- placeholder="-"

- @change="

- updateConfig(

- {

- announce_limit_nomadnetwork_node:

- config.announce_limit_nomadnetwork_node ?? null,

- },

- 'announce_limits'

- )

- "

+ @change="onAnnounceLimitsChange"

/>

</div>

<label class="text-xs font-medium">{{ $t("app.announce_limit_prop") }}</label>

<input

- v-model.number="config.announce_limit_lxmf_propagation"

+ v-model.number="config.announce_max_stored_lxmf_propagation"

type="number"

- min="0"

+ min="1"

class="input-field"

- placeholder="-"

- @change="

- updateConfig(

- {

- announce_limit_lxmf_propagation:

- config.announce_limit_lxmf_propagation ?? null,

- },

- 'announce_limits'

- )

- "

+ @change="onAnnounceLimitsChange"

/>

</div>

+ <div class="text-xs font-semibold text-gray-700 dark:text-zinc-300 uppercase tracking-wide">

+ {{ $t("app.announce_fetch_limit_heading") }}

+ </div>

+ <div class="grid grid-cols-1 sm:grid-cols-3 gap-3">

+ <div class="space-y-1">

+ <label class="text-xs font-medium">{{ $t("app.announce_limit_lxmf") }}</label>

+ <input

+ v-model.number="config.announce_fetch_limit_lxmf_delivery"

+ type="number"

+ min="1"

+ class="input-field"

+ @change="onAnnounceLimitsChange"

+ />

+ </div>

+ <div class="space-y-1">

+ <label class="text-xs font-medium">{{

+ $t("app.announce_limit_nomadnet")

+ }}</label>

+ <input

+ v-model.number="config.announce_fetch_limit_nomadnetwork_node"

+ type="number"

+ min="1"

+ class="input-field"

+ @change="onAnnounceLimitsChange"

+ />

+ </div>

+ <div class="space-y-1">

+ <label class="text-xs font-medium">{{ $t("app.announce_limit_prop") }}</label>

+ <input

+ v-model.number="config.announce_fetch_limit_lxmf_propagation"

+ type="number"

+ min="1"

+ class="input-field"

+ @change="onAnnounceLimitsChange"

+ />

+ </div>

+ <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">

+ <div class="space-y-1">

+ <label class="text-xs font-medium">{{ $t("app.announce_search_max_fetch") }}</label>

+ <input

+ v-model.number="config.announce_search_max_fetch"

+ type="number"

+ min="100"

+ class="input-field"

+ @change="onAnnounceLimitsChange"

+ />

+ <p class="text-[10px] text-gray-500 dark:text-zinc-500">

+ {{ $t("app.announce_search_max_fetch_hint") }}

+ </p>

+ </div>

+ <div class="space-y-1">

+ <label class="text-xs font-medium">{{

+ $t("app.discovered_interfaces_max_return")

+ }}</label>

+ <input

+ v-model.number="config.discovered_interfaces_max_return"

+ type="number"

+ min="1"

+ class="input-field"

+ @change="onAnnounceLimitsChange"

+ />

+ <p class="text-[10px] text-gray-500 dark:text-zinc-500">

+ {{ $t("app.discovered_interfaces_max_return_hint") }}

+ </p>

+ </div>

</div>

</section>

@@ -1496,7 +1539,9 @@

@update:model-value="onInboundStampsEnabledChange"

/>

- <span class="setting-toggle__title">{{ $t("app.inbound_stamps_required_title") }}</span>

+ <span class="setting-toggle__title">{{

+ $t("app.inbound_stamps_required_title")

+ }}</span>

<span class="setting-toggle__description">{{

$t("app.inbound_stamps_required_description")

}}</span>

@@ -1762,9 +1807,14 @@ export default {

banished_text: "BANISHED",

banished_color: "#dc2626",

blackhole_integration_enabled: true,

- announce_limit_lxmf_delivery: null,

- announce_limit_nomadnetwork_node: null,

- announce_limit_lxmf_propagation: null,

+ announce_max_stored_lxmf_delivery: 1000,

+ announce_max_stored_nomadnetwork_node: 1000,

+ announce_max_stored_lxmf_propagation: 1000,

+ announce_fetch_limit_lxmf_delivery: 500,

+ announce_fetch_limit_nomadnetwork_node: 500,

+ announce_fetch_limit_lxmf_propagation: 500,

+ announce_search_max_fetch: 2000,

+ discovered_interfaces_max_return: 500,

message_font_size: 14,

message_icon_size: 28,

message_outbound_bubble_color: "#4f46e5",

@@ -1867,6 +1917,10 @@ export default {

"app.announce_limit_lxmf",

"app.announce_limit_nomadnet",

"app.announce_limit_prop",

+ "app.announce_max_stored_heading",

+ "app.announce_fetch_limit_heading",

+ "app.announce_search_max_fetch",

+ "app.discovered_interfaces_max_return",

],

transport: [

"Reticulum",

@@ -2083,6 +2137,37 @@ export default {

console.log(e);

}

},

+ numOrNull(v) {

+ if (v === null || v === undefined || v === "") {

+ return null;

+ }

+ const n = Number(v);

+ return Number.isFinite(n) ? n : null;

+ },

+ async onAnnounceLimitsChange() {

+ const c = this.config;

+ await this.updateConfig(

+ {

+ announce_max_stored_lxmf_delivery: this.numOrNull(c.announce_max_stored_lxmf_delivery),

+ announce_max_stored_nomadnetwork_node: this.numOrNull(

+ c.announce_max_stored_nomadnetwork_node

+ ),

+ announce_max_stored_lxmf_propagation: this.numOrNull(

+ c.announce_max_stored_lxmf_propagation

+ ),

+ announce_fetch_limit_lxmf_delivery: this.numOrNull(c.announce_fetch_limit_lxmf_delivery),

+ announce_fetch_limit_nomadnetwork_node: this.numOrNull(

+ c.announce_fetch_limit_nomadnetwork_node

+ ),

+ announce_fetch_limit_lxmf_propagation: this.numOrNull(

+ c.announce_fetch_limit_lxmf_propagation

+ ),

+ announce_search_max_fetch: this.numOrNull(c.announce_search_max_fetch),

+ discovered_interfaces_max_return: this.numOrNull(c.discovered_interfaces_max_return),

+ },

+ "announce_limits"

+ );

+ },

async copyValue(value, label) {

if (!value) {

ToastUtils.warning(`Nothing to copy for ${label}`);

@@ -2265,10 +2350,7 @@ export default {

);

return;

}

- const restore = Math.min(

- 254,

- Math.max(1, Number(this.lastRememberedInboundStampCost) || 8)

- );

+ const restore = Math.min(254, Math.max(1, Number(this.lastRememberedInboundStampCost) || 8));

this.config.lxmf_inbound_stamp_cost = restore;

await this.updateConfig(

{

diff --git a/meshchatx/src/frontend/locales/de.json b/meshchatx/src/frontend/locales/de.json

index 153cc060..39ec7a05 100644

--- a/meshchatx/src/frontend/locales/de.json

+++ b/meshchatx/src/frontend/locales/de.json

@@ -207,7 +207,13 @@

"blackhole_integration_enabled": "Blackhole-Integration",

"blackhole_integration_description": "Identitäten automatisch auf der Reticulum-Transportebene sperren (Blackhole), wenn Benutzer in MeshChatX verbannt werden.",

"announce_limits": "Ankündigungslimits",

- "announce_limits_description": "Optionale maximale Anzahl pro Aspekt. Leer lassen für kein Limit. Schützt vor Flood-Angriffen in öffentlichen Netzen.",

+ "announce_limits_description": "Begrenzt gespeicherte Ankündigungen pro Aspekt (älteste werden entfernt) und wie viele pro API-Anfrage geladen werden. Begrenzt auch Suche und erkannte Schnittstellen. Feld leeren und speichern setzt Standardwerte.",

+ "announce_max_stored_heading": "Max. gespeichert pro Aspekt (Datenbank)",

+ "announce_fetch_limit_heading": "Standard-Seitengröße (API)",

+ "announce_search_max_fetch": "Max. Ankündigungen für Suche",

+ "announce_search_max_fetch_hint": "Maximale Zeilen aus der Datenbank bei Textsuche (pro Anfrage).",

+ "discovered_interfaces_max_return": "Limit erkannte Schnittstellen",

+ "discovered_interfaces_max_return_hint": "Maximale Einträge für erkannte und aktive Schnittstellen in der Oberfläche.",

"announce_limit_lxmf": "LXMF",

"announce_limit_nomadnet": "NomadNet",

"announce_limit_prop": "Prop-Knoten",

@@ -505,7 +511,20 @@

"select_config_file": "Please select a configuration file",

"select_at_least_one": "Please select at least one interface to import",

"import_success": "Interfaces imported successfully. MeshChat must be restarted for these changes to take effect.",

- "failed_import_all": "Failed to import interfaces"

+ "failed_import_all": "Failed to import interfaces",

+ "add_interface_sidebar_a11y": "Verknüpfungen und Community-Voreinstellungen",

+ "community_quick_start": "Community-Schnellstart",

+ "community_quick_start_hint": "Voreinstellungen von directory.rns.recipes (Online-Listings).",

+ "community_quick_start_hide": "Vorschläge ausblenden",

+ "community_use_preset": "Übernehmen",

+ "community_presets_hidden_hint": "Community-Voreinstellungen sind ausgeblendet. Hier oder in den Einstellungen wieder anzeigen.",

+ "community_presets_show_again": "Community-Voreinstellungen anzeigen",

+ "community_presets_empty": "Keine Voreinstellungen. Bundle neu bauen oder public/community_interfaces.json bereitstellen.",

+ "find_more_nodes": "Weitere Knoten finden",

+ "quick_import": "Schnellimport",

+ "quick_import_paste_hint": "Rohkonfiguration einfügen",

+ "quick_import_placeholder": "[[Interface Name]]\ntype = TCPClientInterface\ntarget_host = 1.2.3.4",

+ "quick_import_apply": "Anwenden: {name}"

},

"map": {

"title": "Karte",

@@ -827,7 +846,9 @@

"pages": "Seiten",

"view": "Anzeigen",

"showing_range": "Zeige {start} bis {end} von {total} Archiven",

- "page_of": "Seite {page} von {total_pages}"

+ "page_of": "Seite {page} von {total_pages}",

+ "export_mu": "Als .mu exportieren",

+ "export_selected_mu": ".mu exportieren ({count})"

},

"docs": {

"title": "Dokumentation",

diff --git a/meshchatx/src/frontend/locales/en.json b/meshchatx/src/frontend/locales/en.json

index 2d9d0123..93327810 100644

--- a/meshchatx/src/frontend/locales/en.json

+++ b/meshchatx/src/frontend/locales/en.json

@@ -210,7 +210,13 @@

"blackhole_integration_enabled": "Blackhole Integration",

"blackhole_integration_description": "Automatically blackhole identities at the Reticulum transport layer when banishing users in MeshChatX.",

"announce_limits": "Announce Limits",

- "announce_limits_description": "Optional max count per aspect. Leave empty for no limit. Protects against flood attacks on public networks.",

+ "announce_limits_description": "Limit how many announces are kept in the database per aspect (oldest removed first) and how many load per API request. Also caps search and discovered-interface payloads. Clear a numeric field and save to restore defaults.",

+ "announce_max_stored_heading": "Max stored per aspect (database)",

+ "announce_fetch_limit_heading": "Default page size (API)",

+ "announce_search_max_fetch": "Max announces for search",

+ "announce_search_max_fetch_hint": "Maximum rows read from the database when you use text search on announces (per request).",

+ "discovered_interfaces_max_return": "Discovered interfaces cap",

+ "discovered_interfaces_max_return_hint": "Maximum discovered and active interface entries returned to the UI.",

"announce_limit_lxmf": "LXMF",

"announce_limit_nomadnet": "NomadNet",

"announce_limit_prop": "Prop Nodes",

@@ -459,7 +465,20 @@

"select_config_file": "Please select a configuration file",

"select_at_least_one": "Please select at least one interface to import",

"import_success": "Interfaces imported successfully. MeshChat must be restarted for these changes to take effect.",

- "failed_import_all": "Failed to import interfaces"

+ "failed_import_all": "Failed to import interfaces",

+ "add_interface_sidebar_a11y": "Shortcuts and community presets",

+ "community_quick_start": "Community Quick-Start",

+ "community_quick_start_hint": "Presets from directory.rns.recipes online listings.",

+ "community_quick_start_hide": "Hide suggested interfaces",

+ "community_use_preset": "Use This",

+ "community_presets_hidden_hint": "Community presets are hidden. Show them again here or in Settings.",

+ "community_presets_show_again": "Show community presets",

+ "community_presets_empty": "No presets loaded. Rebuild the bundle or add public/community_interfaces.json.",

+ "find_more_nodes": "Find more nodes",

+ "quick_import": "Quick Import",

+ "quick_import_paste_hint": "Paste raw config",

+ "quick_import_placeholder": "[[Interface Name]]\ntype = TCPClientInterface\ntarget_host = 1.2.3.4",

+ "quick_import_apply": "Apply: {name}"

},

"map": {

"title": "Map",

@@ -870,7 +889,9 @@

"pages": "Pages",

"view": "View",

"showing_range": "Showing {start} to {end} of {total} archives",

- "page_of": "Page {page} of {total_pages}"

+ "page_of": "Page {page} of {total_pages}",

+ "export_mu": "Export .mu",

+ "export_selected_mu": "Export .mu ({count})"

},

"docs": {

"title": "Documentation",

diff --git a/meshchatx/src/frontend/locales/it.json b/meshchatx/src/frontend/locales/it.json

index c7eb19b7..8956d764 100644

--- a/meshchatx/src/frontend/locales/it.json

+++ b/meshchatx/src/frontend/locales/it.json

@@ -210,7 +210,13 @@

"blackhole_integration_enabled": "Integrazione Blackhole",

"blackhole_integration_description": "Metti automaticamente in blackhole le identità a livello di trasporto Reticulum quando esili gli utenti in MeshChatX.",

"announce_limits": "Limiti annunci",

- "announce_limits_description": "Numero massimo opzionale per aspetto. Lasciare vuoto per nessun limite. Protegge da attacchi flood su reti pubbliche.",

+ "announce_limits_description": "Limita quanti annunci restano nel database per aspetto (si eliminano i più vecchi) e quanti vengono caricati per richiesta API. Limita anche ricerca e interfacce scoperte. Svuota un campo e salva per i default.",

+ "announce_max_stored_heading": "Massimo salvato per aspetto (database)",

+ "announce_fetch_limit_heading": "Dimensione pagina predefinita (API)",

+ "announce_search_max_fetch": "Massimo annunci per ricerca",

+ "announce_search_max_fetch_hint": "Righe massime lette dal database con ricerca testuale (per richiesta).",

+ "discovered_interfaces_max_return": "Limite interfacce scoperte",

+ "discovered_interfaces_max_return_hint": "Massimo elementi per interfacce scoperte e attive nell'interfaccia.",

"announce_limit_lxmf": "LXMF",

"announce_limit_nomadnet": "NomadNet",

"announce_limit_prop": "Nodi prop",

@@ -505,7 +511,20 @@

"select_config_file": "Seleziona un file di configurazione",

"select_at_least_one": "Seleziona almeno un'interfaccia da importare",

"import_success": "Interfacce importate con successo. MeshChat deve essere riavviato per applicare le modifiche.",

- "failed_import_all": "Impossibile importare le interfacce"

+ "failed_import_all": "Impossibile importare le interfacce",

+ "add_interface_sidebar_a11y": "Collegamenti e preset community",

+ "community_quick_start": "Avvio rapido community",

+ "community_quick_start_hint": "Preset da directory.rns.recipes (elenchi online).",

+ "community_quick_start_hide": "Nascondi suggerimenti",

+ "community_use_preset": "Usa",

+ "community_presets_hidden_hint": "I preset community sono nascosti. Mostra di nuovo qui o in Impostazioni.",

+ "community_presets_show_again": "Mostra preset community",

+ "community_presets_empty": "Nessun preset. Ricostruisci il bundle o aggiungi public/community_interfaces.json.",

+ "find_more_nodes": "Trova altri nodi",

+ "quick_import": "Import rapido",

+ "quick_import_paste_hint": "Incolla config grezza",

+ "quick_import_placeholder": "[[Interface Name]]\ntype = TCPClientInterface\ntarget_host = 1.2.3.4",

+ "quick_import_apply": "Applica: {name}"

},

"map": {

"title": "Mappa",

@@ -916,7 +935,9 @@

"pages": "Pagine",

"view": "Visualizza",

"showing_range": "Visualizzazione da {start} a {end} di {total} archivi",

- "page_of": "Pagina {page} di {total_pages}"

+ "page_of": "Pagina {page} di {total_pages}",

+ "export_mu": "Esporta .mu",

+ "export_selected_mu": "Esporta .mu ({count})"

},

"docs": {

"title": "Documentazione",

diff --git a/meshchatx/src/frontend/locales/ru.json b/meshchatx/src/frontend/locales/ru.json

index 3b663bca..d707f64e 100644

--- a/meshchatx/src/frontend/locales/ru.json

+++ b/meshchatx/src/frontend/locales/ru.json

@@ -207,7 +207,13 @@

"blackhole_integration_enabled": "Интеграция Blackhole",

"blackhole_integration_description": "Автоматически блокировать (blackhole) личности на транспортном уровне Reticulum при изгнании пользователей в MeshChatX.",

"announce_limits": "Лимиты объявлений",

- "announce_limits_description": "Необязательный максимум по аспекту. Оставьте пустым для отсутствия лимита. Защита от флуд-атак в публичных сетях.",

+ "announce_limits_description": "Ограничение числа объявлений в базе по аспекту (удаляются самые старые) и сколько загружается за запрос API. Также лимит поиска и списка обнаруженных интерфейсов. Очистите поле и сохраните для значений по умолчанию.",

+ "announce_max_stored_heading": "Макс. в базе на аспект",

+ "announce_fetch_limit_heading": "Размер страницы по умолчанию (API)",

+ "announce_search_max_fetch": "Макс. объявлений для поиска",

+ "announce_search_max_fetch_hint": "Максимум строк из БД при текстовом поиске (на запрос).",

+ "discovered_interfaces_max_return": "Лимит обнаруженных интерфейсов",

+ "discovered_interfaces_max_return_hint": "Максимум записей об обнаруженных и активных интерфейсах в интерфейсе.",

"announce_limit_lxmf": "LXMF",

"announce_limit_nomadnet": "NomadNet",

"announce_limit_prop": "Prop-узлы",

@@ -505,7 +511,20 @@

"select_config_file": "Please select a configuration file",

"select_at_least_one": "Please select at least one interface to import",

"import_success": "Interfaces imported successfully. MeshChat must be restarted for these changes to take effect.",

- "failed_import_all": "Failed to import interfaces"

+ "failed_import_all": "Failed to import interfaces",

+ "add_interface_sidebar_a11y": "Ярлыки и пресеты сообщества",

+ "community_quick_start": "Быстрый старт (сообщество)",

+ "community_quick_start_hint": "Пресеты из онлайн-списков directory.rns.recipes.",

+ "community_quick_start_hide": "Скрыть подсказки",

+ "community_use_preset": "Применить",

+ "community_presets_hidden_hint": "Пресеты сообщества скрыты. Показать снова здесь или в настройках.",

+ "community_presets_show_again": "Показать пресеты сообщества",

+ "community_presets_empty": "Пресеты не загружены. Пересоберите bundle или добавьте public/community_interfaces.json.",

+ "find_more_nodes": "Найти узлы",

+ "quick_import": "Быстрый импорт",

+ "quick_import_paste_hint": "Вставьте сырую конфигурацию",

+ "quick_import_placeholder": "[[Interface Name]]\ntype = TCPClientInterface\ntarget_host = 1.2.3.4",

+ "quick_import_apply": "Применить: {name}"

},

"map": {

"title": "Карта",

@@ -827,7 +846,9 @@

"pages": "Страницы",

"view": "Просмотр",

"showing_range": "Показано с {start} по {end} из {total} архивов",

- "page_of": "Страница {page} из {total_pages}"

+ "page_of": "Страница {page} из {total_pages}",

+ "export_mu": "Экспорт .mu",

+ "export_selected_mu": "Экспорт .mu ({count})"

},

"docs": {

"title": "Документация",